<template>
    <div class="bg">
        <div class="header">
            <div class="header-btnLeft" @click="$router.go(-1)" ><img src="../assets/back-btn.png"></div>
            <h1 class="header-title">找回密码</h1>
            <div class="header-btnRight"></div>
        </div>
        <div class="h120"></div>
        <div class="list">
            <router-link to="./my-get-password-phone" class="list-item">
                <div class="list-item-title">手机号码找回</div>
                <img class="list-item-arr" src="../assets/city-list-arr.png" alt="">
            </router-link>
            <router-link to="./my-get-password-email" class="list-item">
                <div class="list-item-title">邮箱找回</div>
                <img class="list-item-arr" src="../assets/city-list-arr.png" alt="">
            </router-link>
        </div>

       


    </div>
</template>

<script>

    export default {
        name: "My-reg-phone",
        data(){
            return{
                helpDivVal:false,
            }
        },
        methods:{
            //打开关闭帮助div
            getCode() {
                this.$router.push({path:'/my-reg-phone-code'})
            },
        }
    }
</script>

<style lang="scss" scoped>
    @import "../assets/base";
    .bg{
        background: $bgcolor1;
        min-height: 100%;
    }
    .h30 {
        height: rpx(30);
        background: $bgcolor1
    }
    .h120 {
        height: rpx(120);
        background: $bgcolor1;
    }
    .header{
        display: flex;
        align-items: center;
        padding: rpx(10) rpx(30);
        justify-content: space-between;
        background:$color0;
        &-btnLeft{
            width: rpx(64);
            height: rpx(64);
            padding-top: rpx(16);
            img{
                width: rpx(32);
                height: rpx(32);
            }
        }
        &-btnRight:after{
            display: block;
            content: ' ';
            width: rpx(64);
            height: rpx(64);
        }
        &-title{
            flex: 1;
            font-size: rpx(36);
            text-align: center;
            font-weight: normal;
        }
    }

    //项列表
    .list{
        margin: rpx(30);
        background: $color0;
        &-item{
            display: flex;
            align-items: center;
            padding:rpx(50) rpx(30);
            border-bottom: solid 1px $color2;
            &-title{
                flex: 1;
                font-size: rpx(34);
            }
            &-arr{
                width: rpx(32);
                height: rpx(32);
            }
        }
    }



</style>